/*
    * @module:views/budget/compilationSummary/constructionTotally
    * @author:silas
    * @date:2021-01-29
    * 滚投结构汇总
*/
<template>
  <div class="budgetRelease_container">
    <div class="contentTopTitle">
      <div>
        <div class="title">滚投结构汇总</div>
      </div>
     
    </div>
    <div>
         <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="滚投结构分区域" name="first">
                <tab1 ref="tab1"></tab1>
            </el-tab-pane>
            <!-- <el-tab-pane label="滚投结构分专业" name="second">
                <tab2 ref="tab2"></tab2>
            </el-tab-pane> -->
        </el-tabs>
    </div>
  </div>
</template>

<script>
import { $budgetAPI } from '@/api/';
import { getSessionStorage } from '@/common/js/storage';
import tab1 from "./totally-tab1";
import tab2 from "./totally-tab2";

export default {
    data() {
        return {
            activeName: "first"
        };
    },
    components: {
        tab1,
        tab2,
    },
    mounted() {
        var that = this;

        that.$refs.tab1.init();
    },
    methods: {
        handleClick(tab, event) {
            var that = this;
             
            if (tab.name == "first") {
                 that.$refs.tab1.init();
            }
            if (tab.name == "second") {
                 that.$refs.tab2.init();
            }
        }
    }
   
};
</script>

<style lang="scss" scoped>
.budgetRelease_container {
    .contentTopTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .title {
          font-size: 14px;
          font-weight: bold;
          margin: 10px 0;
        }
    .m10 {
        margin: 10px 0;
    }
    .mt2 {
        margin-top: 2px;
        display: inline-block;
    }
    .check {
      margin-top: 10px;
      .desc {
          display: flex;
          .title {
            width: 70px;
            font-size: 14px;
            color: #606266;
            font-weight: normal;
          }
          .textarea {
            flex: 1;
          }
      }
      .btns {
        margin: 10px 0;
        display: flex;
        text-align: center;
        justify-content: center;
      }
    }
}
</style>